---
layout: snippet
title: "List group contextual colors example"
permalink: /examples/listgroup/contextual-colors/
sitemap: false
---

<ul class="list-group list-group-flush">
    <li class="list-group-item" aria-disabled="false">None</li>
    <li class="list-group-item list-group-item-primary" aria-disabled="false">Primary</li>
    <li class="list-group-item list-group-item-secondary" aria-disabled="false">Secondary</li>
    <li class="list-group-item list-group-item-success" aria-disabled="false">Success</li>
    <li class="list-group-item list-group-item-danger" aria-disabled="false">Danger</li>
    <li class="list-group-item list-group-item-warning" aria-disabled="false">Warning</li>
    <li class="list-group-item list-group-item-info" aria-disabled="false">Info</li>
    <li class="list-group-item list-group-item-light" aria-disabled="false">Light</li>
    <li class="list-group-item list-group-item-dark" aria-disabled="false">Dark</li>
</ul>